<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 align="center" style="color:blue;">你好</h1>

<!--下面二选一关系，没登陆显示跳转，登陆了显示你好 -->
<!-- 根据name是否有值来判断-->
    {% if name %}
<!--如果name有值，则登录过，判断ture  -->
    <p>
        <a href="/loginout/"> 你好！{{name}} </a>
    </p>

<!-- 如果name无值，说明没有登录，判断false-->
    {% else %}
    <a href="/login/">转到登录页面</a>
    {% endif %}

    <div>
<!--      active=..:  搜索提交到... -->
        <from action="/index/" method="get">
            <input type="text" placeholder="请输入搜索内容" name="keywords">
            <input type="submit" value="搜索">
        </from>
    </div>

    <div>
        <a href="/shoppingcar/">我的购物车</a>
    </div>
<!--<table>-->
<!--    <thead>-->
<!--       <tr>-->
<!--           <th>学生姓名</th>     &lt;!&ndash;代表单元格,表格标题，字体加粗居中显示&ndash;&gt;-->
<!--           <th>学生成绩</th>-->
<!--       </tr>-->
<!--    </thead>-->
<!--    <tbody>-->
<!--        <tr>-->
<!--            <td>{{stuname}}</td>     &lt;!&ndash;代表单元格,内容无修饰&ndash;&gt;-->
<!--            {% if grade >= 90%}-->
<!--            <td>A</td>-->
<!--            {% elif grade >= 80 %}-->
<!--            <td>B</td>-->
<!--            {% elif grade >= 70 %}-->
<!--            <td>C</td>-->
<!--            {% elif grade >= 60 %}-->
<!--            <td>D</td>-->
<!--            {% elif grade < 60 %}-->
<!--            <td>E</td>-->
<!--            {% endif %}-->
<!--        </tr>-->

<!--    </tbody>-->
<!--</table>-->
<table>
    <thead>
          <tr>
              <th>商品序号</th>
              <th>商品名称</th>
              <th>商品图片</th>
              <th>商品价格</th>
              <th>商品数量</th>
          </tr>
    </thead>
    <tbody>
    {% for good in goods %} <!-- for循环  good:迭代变量，goods：定义变量，模板变量 -->
          <tr>
              <th>{{good.gid}}</th>
              <th>
                  <a href="/goodinfo/?gid={{good.gid}}">{{good.name}}</a>
              </th>
              <th>
                  <img src={{good.imgsrc}} width="50" height="50" />
              </th>
              <th>{{good.price}}</th>
              <th>{{good.count}}</th>
          </tr>
    {% endfor %}
    </tbody>
    <tfoot>
        <tr>
            <th colspan="5">
                {% for item in pagelist %}
                <a href="/index/?page={{item}}">{{item}}</a>
                {% endfor %}
            </th>
        </tr>
    </tfoot>
</table>

</body>
</html>
